<template lang="jade">
  .item-detail-head
    .title 海贼王 船长短袖T恤
    .price
      .current-price ￥35.00
      .origin-price ￥44.00
    .tips
      p 路飞剧场版同款T恤，后背大大的船长字样霸气十足！快穿上它登船训在万匹丝~~~
      .tag
        img(src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1461168172&di=a5acf27d2c50b0f1ce537d84b81d330c&src=http://img4.duitang.com/uploads/item/201312/05/20131205172421_QKF4K.jpeg")
        span Birdie告诉你
    .tags
      span 如实描述
      span 爆款
</template>

<script>
  export default {

  }
</script>

<style lang="less">
  @import "../less/libs/color-vars.less";
  @import "../less/libs/mixins.less";
  .item-detail-head {
    padding: 0.3rem 0.8rem;
    > div {
    }
    .title {
      margin-bottom: 0;
      font-size: 1.2rem;
    }
    .price {
      div {
        display: inline;
      }
      .current-price {
        color: red;
        font-size: @currentPriceFontSize;
      }
      .origin-price {
        ._origin-price;
      }
    }
    .tips {
      position: relative;
      margin-top: 1rem;
      margin-bottom: 1rem;
      p {
        background-color: #eee;
        padding-top: 1.5rem;
        padding-left: 0.8rem;
        padding-right: 0.8rem;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 3px;
        font-size: 0.8rem;
        color: lighten(#000, 35%);
      }
      .tag {
        height: 32px;
        position: absolute;
        top: -0.8rem;
        background-color: #fff;
        border-radius: 20px;
        border: 1px solid rgba(0,0,0,0.1);
        img {
          width: 2rem;
          border-radius: 50%;
          position: relative;
          left: 1px;
        }
        span {
          position: relative;
          bottom: 0.7rem;
          left: 0.35rem;
          padding-right: 1rem;
        }
      }
    }
    .tags {
      span {
        margin-right: 0.5rem;
        background-color: lighten(@themeColor, 10%);;
        border: 1px solid darken(@themeColor, 20%);
        border-radius: 0.3rem;
        padding: 0.4rem;
        color: #fff;
        font-size: 0.8rem;
      }
    }
  }
</style>
